{include file="public/head" /}
{include file="public/left" /}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人资料</title>
<link rel="stylesheet" href="../js/layui/css/layui.css">
<script src="../js/layui/layui.js"></script>

<style type="text/css">
#ce {
    margin: 0px 0px 0px 400px;
}
</style>

</head>
<body>

    <br>
    <br>
    <br>
    <div id="ce">
        <form class="layui-form">
            <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
            <div class="layui-form-item" style="left:">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block" style="width: 180px;">
                    <input type="text" name="" placeholder="测试用户" autocomplete="off"
                        class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="sex" value="0" title="男" checked> <input
                        type="radio" name="sex" value="1" title="女" >
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">年龄</label>
                <div class="layui-input-block" style="width: 180px;">
                    <input type="text" name="" placeholder="21" autocomplete="off"
                        class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="left:">
                <label class="layui-form-label">Tel</label>
                <div class="layui-input-block" style="width: 180px;">
                    <input type="text" name="" placeholder="15895800988" autocomplete="off"
                        class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="left:">
                <label class="layui-form-label">E-mail</label>
                <div class="layui-input-block" style="width: 180px;">
                    <input type="text" name="" placeholder="2295046369@qq.com" autocomplete="off"
                        class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" style="left:">
                <label class="layui-form-label">微信</label>
                <div class="layui-input-block" style="width: 180px;">
                    <input type="text" name="" placeholder="Mr_Whales" autocomplete="off"
                        class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">部门</label>
                <div class="layui-input-block" style="width: 100px;">
                    <select name="interest" lay-filter="aihao">
                        <option value="北京">管理部</option>
                        <option value="上海">技术部</option>
                        <option value="深圳">财务部</option>
                        <option value="青岛">销售部</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item" style="margin: 0px 0px 0px 25px;">
                <label class="layui-form-label">消息提醒</label>
                <div class="layui-input-block" style="left:">
                    <input type="checkbox" lay-skin="switch">
                </div>
            </div>
            <br>

            <div class="layui-form-item">
                <label class="layui-form-label">方式</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="like[Web]" title="Web">
                    <input
                        type="checkbox" name="like[小程序]" title="小程序">
                        <input
                        type="checkbox" name="like[短信]" title="短信">
                    <input type="checkbox" name="like[邮件]" title="邮件">
                </div>
            </div>


            <div class="layui-form-item layui-form-text"
                style="margin: 0px 0px 0px 25px; width: 600px;">
                <label class="layui-form-label">个人简介</label>
                <div class="layui-input-block">
                    <textarea placeholder="请填写内容" class="layui-textarea"></textarea>
                </div>
            </div>
            <br> <br>
            <div class="layui-form-item" style="margin: 0px 0px 0px 100px;" style="left:">
                <div class="layui-input-block" style="left:">
                    <button class="layui-btn" lay-submit lay-filter="*">修 改</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重 置</button>
                </div>
            </div>
            <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
        </form>

    </div>


    <script src="../js/layui/layui.js"></script>
    <script>
        //Demo
        layui.use('form', function() {
            var form = layui.form;

            //监听提交
            form.on('submit(formDemo)', function(data) {
                layer.msg(JSON.stringify(data.field));
                return false;
            });
        });
    </script>
    <script>
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function() {
            var element = layui.element;
        });
    </script>
    <script>
        layui.use('util', function() {
            var util = layui.util;

            //执行
            util.fixbar({
                bar1 : true,
                bar2 : true,
                click : function(type) {
                    console.log(type);
                    if (type === 'bar1') {
                        alert('点击了bar1')
                    }
                }
            });
        });
    </script>
</body>
</html>

{include file="public/bottom" /}
